.goods-list {
  border-top: 1rpx solid #e3e3e3;
  font-size: 28rpx;
}
.goods-item {
  margin-bottom: 30rpx;
  border-bottom: 1rpx solid #e3e3e3;
  background: #fff;
  .goods-detail {
    padding: 24rpx 20rpx;
    .left {
      .goods-image {
        display: block;
        width: 150rpx;
        height: 150rpx;
      }
    }
    .right {
      padding-left: 20rpx;
    }
  }
  .score-row {
    padding: 24rpx 20rpx;
    .score-item {
      &.score__praise {
        color: #ff4544;
        .score__icon {
          background: #ff4544;
        }
      }
      &.score__review {
        color: #fcb500;
        .score__icon {
          background: #fcb500;
        }
      }
      &.score__negative {
        color: #9b9b9b;
        .score__icon {
          background: #9b9b9b;
        }
      }
      .score {
        padding: 10rpx 20rpx 10rpx 10rpx;
        border-radius: 30rpx;
        .score__icon {
          margin-right: 10rpx;
          padding: 10rpx;
          border-radius: 50%;
          font-size: 30rpx;
          color: #fff;
        }
        .score__text {
          //text-shadow: 2px 2px 5px #f5f5f5;
        }
      }
      &.__active {
        .score {
          color: #fff;
        }
        &.score__praise .score {
          background: #ff4544;
        }
        &.score__review .score {
          background: #fcb500;
        }
        &.score__negative .score {
          background: #9b9b9b;
        }
      }
    }
  }
  .content-row {
    padding: 10rpx 20rpx;
    //.form-label {
    //  margin-right: 24rpx;
    //}
    textarea {
      width: 100%;
      height: 220rpx;
      padding: 12rpx;
      border: 1rpx solid #e8e8e8;
      border-radius: 5rpx;
      box-sizing: border-box;
    }
  }

  .image-list {
    padding: 24rpx 20rpx;
    //margin-left: -20rpx;
    //margin-top: -20rpx;
    &:after {
      clear: both;
      content: " ";
      display: table;
    }
    image {
      display: block;
      width: 150rpx;
      height: 150rpx;
    }

    .image-picker {
      width: 150rpx;
      height: 150rpx;
      border: 1rpx dashed #ccc;
      color: #ccc;
      .choose__icon {
        font-size: 56rpx;
        margin-bottom: 6rpx;
      }
      .choose__text {
        font-size: 22rpx;
      }
    }
    .image-picker, .image-preview {
      //display: block;
      margin-right: 30rpx;
      margin-top: 30rpx;
      float: left;
      &:nth-child(4n+0) {
        margin-right: 0;
      }
    }
    .image-preview {
      position: relative;
      .image-delete {
        position: absolute;
        top: -15rpx;
        right: -15rpx;
        height:42rpx;
        width: 42rpx;
        line-height: 42rpx;
        background: rgba(0, 0, 0, 0.64);
        border-radius: 50%;
        color: #fff;
        font-weight: bolder;
        font-size: 22rpx;
        z-index: 10;
        text-align: center;
      }
    }

  }
}